<div class="container">
    <div class="row-fluid">
        <div class="span2 column ui-sortable">
            <label for="customer">Klant</label>
            <input type="text" id="customer" placeholder="Klantnennummer" ng-model="customerNumber" class="span12" ui-event="{ blur : 'getCustomer()' }"/>
        </div>
        <div class="span2 column ui-sortable">
            <label for="customerName">Naam</label>
            <input type="text" id="customerName" placeholder="Naam" ng-model="customer.name" class="span12" ng-disabled="customer.id"/>
        </div>
        <div class="span2 column ui-sortable">
            <label for="customerVat">BTW</label>
            <input type="text" id="customerVat" placeholder="Naam" ng-model="customer.vatNumber" class="span12" ng-disabled="customer.id"/>
        </div>
        <div class="span2 column ui-sortable">
            <label for="generalDiscount">Korting</label>
            <input type="number" id="generalDiscount" ng-model="generalDiscount" min="0"
                   max="100" class="span12"/>
        </div>
        <div class="span2 column ui-sortable">
            <label for="priceClass">Prijsklasse</label>
            <select id="priceClass" ng-model="priceClass" ng-options="p.name for p in priceClasses" ng-disabled="priceClasses.length == 0"
                    class="span12"></select>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div class="container orderGrid" ng-grid="orderGrid"></div>
        </div>
    </div>
    <div class="container orderAdd">
        <div class="row-fluid clearfix">
            <div class="span2 column ui-sortable">
                <label for="supplier">Fabrikant</label>
                <input type="text" id="supplier" placeholder="Fabrikant" ng-model="supplier" class="span12"/>
            </div>
            <div class="span2 column ui-sortable">
                <label for="articleNumber">Artikel</label>
                <input type="text" id="articleNumber" placeholder="Artikel" ng-model="articleNumber"
                       ui-event="{ blur : 'getArticle()' }" class="span12"/>
            </div>
            <div class="span2 column ui-sortable">
                <label for="size">Maat</label>
                <select id="size" ng-model="size" ng-options="s.name for s in sizes" ng-disabled="sizes.length == 0"
                        ng-target="form.size" class="span12"></select>
            </div>
            <div class="span2 column ui-sortable">
                <label for="model">Model</label>
                <select id="model" ng-model="model" ng-options="m.code +  ' - ' + m.name for m in models"
                        ng-disabled="models.length == 0"
                        ng-target="form.model" class="span12"></select>
            </div>
            <div class="span2 column ui-sortable">
                <label for="amount">Aantal</label>
                <input type="number" id="amount" value="1" ng-model="amount" class="span12"/>
            </div>
            <!--<div class="span2 column ui-sortable"></div>-->
        </div>
        <br/>

        <div class="row-fluid clearfix">
            <div class="span4 column ui-sortable">
                <label for="description">Omschrijving</label>
                <input type="text" id="description" placeholder="Omschrijving" ng-model="description" class="span12"/>
            </div>
            <div class="span2 column ui-sortable">
                <label for="price">Prijs</label>
                <input type="text" id="price" placeholder="Prijs" ng-model="price" class="span12"/>
            </div>
            <div class="span2 column ui-sortable">
                <label for="individualDiscount">Korting</label>
                <input type="number" id="individualDiscount" ng-model="individualDiscount" min="0"
                       max="100" class="span12"/>
            </div>
            <div class="span2 column ui-sortable">
                <label>&nbsp;</label>
                <btn class="btn btn-primary span12" ng-click="addArticle()" id="addArticle">Toevoegen</btn>
            </div>
            <!--<div class="span2 column ui-sortable"></div>-->
        </div>
    </div>
</div>